<template>
	<view class="">
		<u-navbar autoBack title="交货提货" leftIconColor="#ffffff" bgColor="#c30d23" :titleStyle="titleStyle" safeAreaInsetTop placeholder>
			<!-- <view slot="left"></view> -->
		</u-navbar>
		<view class="tabBox">
			 <u-tabs :list="list1" lineColor="#c30d23" lineWidth='50' :inactiveStyle="inactiveStyle" :activeStyle="activeStyle" @click="click"></u-tabs>
		</view>
		<u-loadmore 
		        :status="status" 
		        :loading-text="loadingText" 
		        :loadmore-text="loadmoreText" 
		        :nomore-text="nomoreText" 
		    />
	</view>
</template>

<script>
	export default {
		data() {
			return {
					status: 'loadmore',
				                loadingText: '努力加载中',
				                loadmoreText: '没有更多了',
				                nomoreText: '实在没有了',
				activeStyle:{
					fontWeight: '700',
					color:'#333333'
				},
				inactiveStyle:{
					color:'#333333'
				},
				titleStyle: {
					color: "#ffffff",
					fontSize: "36rpx",
					fontWeight: '400'
				},
				list1:[
					{name:'点选交收单'},
					{name:'线下交收单'},
					{name:'现货提货单'}
				]
			}
		}
	}
</script>
<style>
	/deep/.u-cell{
		background: #fff;
	}
	/deep/.u-tabs__wrapper__nav__item{
		width: 27%;
		/* justify-content: space-around; */
	}
</style>
<style lang="scss" scoped>
	
	.tabBox{
		width: 100%;
		height: 80rpx;
		background: #fff;
	}
</style>